<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>js中的事件绑定</title>
</head>
<body>
    <!-- 第一种绑定的方式，使用标签内部的事件属性 -->
    <input type="button" onclick="on(1)" value="事件绑定1" id="btn1">
    <input type="button" value="事件绑定2" id="btn2">
    <script>
        function on(a){
            alert("事件"+a+"被触发...")
        }
        // 第二种绑定方式，使用element元素内的属性进行绑定
        var oBtn = document.getElementById("btn2");
        // oBtn.onclick = on;
        // 第三种绑定方式，使用addEventListener，添加事件监听器
        oBtn.addEventListener("click",()=>on(2));
    </script>
</body>
</html>